<!-- 动态详情 -->
<template>
	<view class="content">
		<!-- 头部标题 -->
		<uni-nav-bar left-icon="left" :border="false" height="134rpx" title="动态详情" @clickLeft="back" />
		<!-- 标题 -->
		<view class="titlebox">
			<view class="title">
				<text>vipkid少儿英语：学习1年+，总结出三点避坑经验！</text>
			</view>
		</view>
		<view class="choose">
			<view class="txt1">
				<text>选课007</text>
			</view>
			<view class="txt2">
				<text>1月31日</text>
			</view>
		</view>
		<view class="writingbox1">
			<view class="writing">
				<text>鱼Sir曾做过计算，如果一个孩子从6岁开始在vipkid少儿英语学习，到小学六年级上完全部课程，在vipkid不涨价的情况下，</text>
				<text class="magnify">大概需要17万元左右。</text>
			</view>
		</view>
		<view class="writingbox2">
			<view class="writing">
				<text>这个价格，确实足以让vipkid成为在线课程英语中的“真名媛”了。除了价格昂贵之外，vipkid的课程质量也一直饱受争议。</text>
			</view>
		</view>
		<view class="writingbox3">
			<view class="writing">
				<text>这个价格，确实足以让vipkid成为在线课程英语中的“真名媛”了。除了价格昂贵之外，vipkid的课程质量也一直饱受争议。</text>
			</view>
		</view>
		<!-- 转发 -->
		<view class="forward">
			<view class="left">
				<text>阅读 931</text>
			</view>
			<view class="right">
				<view class="icon1">
					<uni-icons type="hand-up-filled" color="#271fa7" size="20"></uni-icons>0
				</view>
				<view class="icon2">
					<uni-icons type="redo-filled" color="#271fa7" size="20"></uni-icons>发送给朋友
				</view>
				<view class="icon3">
					<uni-icons type="pyq" color="#271fa7" size="20"></uni-icons>转到朋友圈
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			back(){
				uni.navigateBack({
					delta:1
				})
			}
		}
	}
</script>

<style lang="less">
	page{
		background-color: #f2f2f2;
	}
	.content{
		.titlebox{
			width: 100%;
			line-height: 57rpx;
			font-size: 40rpx;
			background-color: #fff;
			.title{
				width: 90%;
				margin: 0 auto;
			}
		}
		.choose{
			width: 100%;
			padding-left: 38rpx;
			line-height: 118rpx;
			background-color: #fff;
			display: flex;
			.txt1{
				color: #271fa7;
				margin-right: 23rpx;
			}
			.txt2{
				color: #cfcfcf;
			}
		}
		.writingbox1{
			width: 100%;
			background-color: #fff;
			font-size: 30rpx;
			padding-top: 88rpx;
			.writing{
				width: 85%;
				margin: 0 auto;
				.magnify{
					font-weight: bold;
				}
			}
		}
		.writingbox2{
			width: 100%;
			background-color: #fff;
			font-size: 30rpx;
			padding-top: 55rpx;
			.writing{
				width: 85%;
				margin: 0 auto;
			}
		}
		.writingbox3{
			width: 100%;
			background-color: #fff;
			font-size: 30rpx;
			padding-top: 39rpx;
			padding-bottom: 183rpx;
			margin-bottom: 21rpx;
			.writing{
				width: 85%;
				margin: 0 auto;
			}
		}
		// 转发
		.forward{
			width: 100%;
			height: 230rpx;
			background-color: #fff;
			display: flex;
			justify-content: space-between;
			.left{
				line-height: 109rpx;
				color: #ccc;
				font-size: 27rpx;
				margin-left: 28rpx;
			}
			.right{
				width: 566rpx;
				height: 175rpx;
				margin-top: 30rpx;
				line-height: 175rpx;
				display: flex;
				justify-content: space-between;
				font-size: 25rpx;
				margin-right: 29rpx;
			}
		}
	}
</style>
